<style>
	@import url('./movement.css');
</style>
<template>
	<!-- 公共头部 -->
	<!-- <view> <my-header :title="'快眼扫描'"></my-header></view> -->

	<!-- 快眼扫描 -->

	<view class="content">
		<view v-show="ifmove">
			<view class="time">倒计时：{{countdown}}</view>
			<view class="kkborder" :style="kkborder">
				<view class="dot" :style="dotcss"><text class="text" v-show="show">{{current_alphabet}}</text></view>
			</view>
		</view>

		<view class="answer_zone" v-show="!ifmove">
			<view class="ta_c">请按顺序输入图上出现过的字符</view>
			<view class="answer_zone_center">
				<view class="matching-number">
					<input class="matching-number-input" type="text" readonly="readonly"  :value="alphabeta">
				</view>
				<view class="matching-number">
					<input class="matching-number-input" type="text" readonly="readonly"  :value="alphabetb">
				</view>
				<view class="matching-number">
					<input class="matching-number-input" type="text" readonly="readonly"  :value="alphabetc">
				</view>

			</view>
			<view class="matching-keyboard layui-row match_zimu">
				<view class="matching-keyboard-row">
					<view class="matching-key number"  @click="numberkey('A')">
						<view>A</view>
					</view>
					<view class="matching-key number"  @click="numberkey('B')">
						<view>B</view>
					</view>
					<view class="matching-key number"  @click="numberkey('C')">
						<view>C</view>
					</view>
					<view class="matching-key number"  @click="numberkey('D')">
						<view>D</view>
					</view>
					<view class="matching-key number"  @click="numberkey('E')">
						<view>E</view>
					</view>
					<view class="matching-key number"  @click="numberkey('F')">
						<view>F</view>
					</view>
					<view class="matching-key number"  @click="numberkey('G')">
						<view>G</view>
					</view>

				</view>
				<view class="matching-keyboard-row">
					<view class="matching-key number"  @click="numberkey('H')">
						<view>H</view>
					</view>
					<view class="matching-key number"  @click="numberkey('I')">
						<view>I</view>
					</view>
					<view class="matching-key number"  @click="numberkey('J')">
						<view>J</view>
					</view>
					<view class="matching-key number"  @click="numberkey('K')">
						<view>K</view>
					</view>
					<view class="matching-key number"  @click="numberkey('L')">
						<view>L</view>
					</view>
					<view class="matching-key number"  @click="numberkey('M')">
						<view>M</view>
					</view>
					<view class="matching-key number"  @click="numberkey('N')">
						<view>N</view>
					</view>

				</view>
				<view class="matching-keyboard-row">
					<view class="matching-key number"  @click="numberkey('O')">
						<view>O</view>
					</view>
					<view class="matching-key number"  @click="numberkey('P')">
						<view>P</view>
					</view>
					<view class="matching-key number"  @click="numberkey('Q')">
						<view>Q</view>
					</view>
					<view class="matching-key number"  @click="numberkey('R')">
						<view>R</view>
					</view>
					<view class="matching-key number"  @click="numberkey('S')">
						<view>S</view>
					</view>
					<view class="matching-key number"  @click="numberkey('T')">
						<view>T</view>
					</view>
					<view class="matching-key number"  @click="numberkey('U')">
						<view>U</view>
					</view>

				</view>
				<view class="matching-keyboard-row">
					<view class="matching-key number orange__del" @click="del()">
						<view>删除</view>
					</view>
					<view class="matching-key number"  @click="numberkey('V')">
						<view>V</view>
					</view>
					<view class="matching-key number"  @click="numberkey('W')">
						<view>W</view>
					</view>
					<view class="matching-key number"  @click="numberkey('X')">
						<view>X</view>
					</view>
					<view class="matching-key number"  @click="numberkey('Y')">
						<view>Y</view>
					</view>
					<view class="matching-key number"  @click="numberkey('Z')">
						<view>Z</view>
					</view>
				</view>
			</view>
			<view class="submits" @click="passTheResults()">确定</view>
		</view>


			<!-- 闯关结果 -->
			<!-- 遮罩 -->
			<view v-show="ifpass" class="masking"></view>
			<view class="passTheResult" v-show="ifpass">
				<view class="passTheResultlevel">
					<view class="type-color">{{passtitle}}</view>
					<view class="zdy_border"><text>得分：</text>{{fraction}}分</view>
					<!-- 关卡 -->
					<view class="level" v-for="(item,index) in btn"   @click="clickList(index)">
						<view class="text" v-show="item">{{item}}</view>
					</view>
				</view>
			</view>
	</view>


</template>
<script type="module" src="./movement.js"></script>